<!DOCTYPE html>
<html ng-app="mySuperApp">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
		<title>设备绑定</title>
		<link href="https://cdn.bootcss.com/ionic/1.3.2/css/ionic.css" rel="stylesheet">
		<script src="https://cdn.bootcss.com/ionic/1.3.2/js/ionic.bundle.min.js"></script>
    	<link href="css/public.css" rel="stylesheet" />
    	<script src="js/public.js"></script>
    	<style>
    		body{background:#EDEDED;}
    		.xiangquan{width:28px;height:28px;}
    		.top{margin-top:40px;background:#fff;padding:20px;}
    		.saomiao{width:35px;height:33px;position:relative;left:50%;top:6px;}
    		.toushiqi{width:29px;height:23px;}
    		.bind{position:relative;top:4px;left:15px;}
    		.bar.item-input-inset .item-input-wrapper input{padding-left:0px;height:40px;}
    		.item-input-inset{padding:0px;border:0px;height:50px;}
    		.bar{background-image:none;}
    		.item-input-wrapper{border:1px solid #ADADAD;background:#F7F7F7;}
    		.middle{margin-top:10px;background:#fff;padding:20px;}
    		.sn{margin-top:12px;}
    		.click{width:78%;margin:25px auto;}
    		.popup-buttons .button{background-color:#07E9A1;color:#fff;}
    	</style>
	</head>
	<body ng-controller="PopupCtrl">
		<ion-header-bar class="header" align-title="center"> 
			    <div class="back-padiv" onClick="back()">   
			      <img class="back" src="img/back.png" />  
			    </div>  
			    <ion-title class="my-title head">设备绑定</ion-title> 
		</ion-header-bar>
		
		<div class="top">
			<div class="row">
				<div class="col-30">
					<img class="xiangquan" src="img/xiangquan.png" />
				</div>
				<div class="col-70">
					<span class="bind">绑定项圈</span>
				</div>
			</div>
			
			<div class="sn">
				<div class="row">
					<div class="col-75">
						 <div class="bar bar-header item-input-inset">
					      <label class="item-input-wrapper">
					        <input type="search" placeholder="请输入SN码">
					      </label>
					    </div>
					</div>
					<div class="col-25">
						<img class="saomiao" src="img/saomiao.png" />
					</div>
				</div>
			</div>
		</div>
		
		<div class="middle">
			<div class="row">
				<div class="col-30">
					<img class="toushiqi" src="img/toushiqi.png" />
				</div>
				<div class="col-70">
					<span class="bind">绑定投食器</span>
				</div>
			</div>
			<div class="sn">
				<div class="row">
					<div class="col-75">
						 <div class="bar bar-header item-input-inset">
					      <label class="item-input-wrapper">
					        <input type="search" placeholder="请输入SN码">
					      </label>
					    </div>
					</div>
					<div class="col-25">
						<img class="saomiao" src="img/saomiao.png" />
					</div>
				</div>
			</div>
		</div>
		 
	    <div class="col text-center">
	        <button class="click" ng-click="showAlert()">完成绑定</button> 
	    </div> 
	    <script type="text/javascript" src="js/binding.js" ></script>
	</body>
</html>
